// 图片上传demo
function upLoadSet(list) {
	for(var i = 0; i < list.length; i++){
		var obj = list[i];
		var $ = jQuery,
		$list = $('#'+obj.fileListId),
			// 优化retina, 在retina下这个值是2
			ratio = window.devicePixelRatio || 1,

			// 缩略图大小
			thumbnailWidth = 400 * ratio,
			thumbnailHeight = 400 * ratio;

		// 初始化Web Uploader
		obj.uploader = WebUploader.create({

			// 自动上传。
			auto: true,
			fileVal : obj.name,
			// 文件接收服务端。
			server: obj.upLoadPath,

			// 选择文件的按钮。可选。
			// 内部根据当前运行是创建，可能是input元素，也可能是flash.
			pick: '#'+obj.filePickerId,

			// 只允许选择文件，可选。
			accept: {
				title: 'Images',
				extensions: 'gif,jpg,jpeg,bmp,png,apk,ipa',
				mimeTypes: '*'
			},
			thumb : {
				crop: false,
				allowMagnify: true
			},
			compress : {
				crop: false
			}
		});
		obj.uploader.list = $('#'+obj.fileListId);

		obj.uploader.imgInit = function(path){
			var $li = $(
				'<div id="w_'+i+'" class="file-item thumbnail">' +
				'<img data-preview-src="" data-preview-group="1">' +
				'<span class="remove" data="w_'+i+'">X</span>' +
				'</div>'
			),
			$img = $li.find('img'),
			uploader_1 = this;
			this.list.append($li);
			$img.attr('src', path);
			$(this.options.pick).addClass('hide');
			$('.remove').on('click',function(){
				var parentId = $(this).attr("data");
				$('#'+parentId).remove();
				$(uploader_1.options.pick).removeClass('hide');
			});
		};
		if(obj.path != null && obj.path!='' && obj.path != undefined){
			//alert(basePathUrl+obj.path);
			obj.uploader.path = basePathUrl + obj.path;
			obj.uploader.imgInit(obj.uploader.path);
		}
		if(typeof obj.succeed == 'function'){
			obj.uploader.succeed = obj.succeed;
		}
		else{
			obj.uploader.succeed = function(file, img){
				$('#' + file.id).addClass('upload-state-done');
				this.list.find('.fileValue').val(img.data);
			}
		}
		// 当有文件添加进来的时候
		obj.uploader.on('fileQueued', function(file) {
			var a = this.list.find('.file-item');
			if(a.length > 0){
				return;
			}
			var $li = $(
					'<div id="' + file.id + '" class="file-item thumbnail">' +
					'<img data-preview-src="" data-preview-group="1">' +
					'<span class="remove" data="'+file.id+'">X</span>' +
					'</div>'
				),
				$img = $li.find('img');
			// fa fa-remove
			this.list.append($li);
			$(this.options.pick).addClass('hide');
			var uploader_1 = this;
			// 创建缩略图
			uploader_1.makeThumb(file, function(error, src) {
				if(error) {
					$img.replaceWith('<span>不能预览</span>');
					return;
				}

				$img.attr('src', src);
			}, 800, 800);

			$('.remove').on('click',function(){
				var parentId = $(this).attr("data");
				var file = uploader_1.getFile(parentId);
	            uploader_1.removeFile(file);

			});
		});

		// 文件上传过程中创建进度条实时显示。
		obj.uploader.on('uploadProgress', function(file, percentage) {
			var $li = $('#' + file.id),
				$percent = $li.find('.progress span');

			// 避免重复创建
			if(!$percent.length) {
				$percent = $('<p class="progress"><span></span></p>')
					.appendTo($li)
					.find('span');
			}

			$percent.css('width', percentage * 100 + '%');
		});

		// 文件上传成功，给item添加成功class, 用样式标记上传成功。
		obj.uploader.on('uploadSuccess', obj.uploader.succeed);

		// 文件上传失败，现实上传出错。
		obj.uploader.on('uploadError', function(file) {

			var $li = $('#' + file.id),
				$error = $li.find('div.error');

			// 避免重复创建
			if(!$error.length) {
				$error = $('<div class="error" style="width:'+thumbnailWidth+'px;margin-left:-'+thumbnailWidth/2+'px"></div>').appendTo($li);
			}
			$error.text('上传失败');

		});

		// 完成上传完了，成功或者失败，先删除进度条。removeFile
		obj.uploader.on('uploadComplete', function(file) {
			$('#' + file.id).find('.progress').remove();
		});

		//文件移除
		obj.uploader.on('fileDequeued', function(file) {
			$('#'+file.id).remove();
			$(this.options.pick).removeClass('hide');
		});

	}
}